<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body {
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
}
table{
	position: absolute;
	left: 439px;
	top: 34px;
	height: 517px;
	}
</style>
</head>

<body>
<form action="" method="get">
<table width="441" border="1">
  <tr>
    <td colspan="2"><div align="center">个 人 信 息
    </div></td>
    </tr>
  <tr>
    <td width="99"><div align="center">用户账号</div></td>
    <td width="326"><label for="textfield"></label>
      <input name="textfield" type="text" id="textfield" value="季晓"></td>
  </tr>
  <tr>
    <td><div align="center">用户密码</div></td>
    <td><label for="textfield2"></label>
      <input type="password" name="textfield2" id="textfield2"></td>
  </tr>
  <tr>
    <td><div align="center">用户邮箱</div></td>
    <td><label for="textfield3"></label>
      <input type="text" name="textfield3" id="textfield3"></td>
  </tr>
  <tr>
    <td><div align="center">用户签名</div></td>
    <td><label for="textfield4"></label>
      <textarea name="textfield4" id="textfield4">请编辑你的签名！</textarea></td>
  </tr>
  <tr>
    <td><div align="center">个性头像</div></td>
    <td><img src="网页表单案例 - 练习/images/photo.gif" width="122" height="97"></td>
  </tr>
  <tr>
    <td><div align="center">真实姓名</div></td>
    <td><label for="textfield5"></label>
      <input type="text" name="textfield5" id="textfield5"></td>
  </tr>
  <tr>
    <td><div align="center">用户性别</div></td>
    <td><p>
      <label>
        <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0">
        我是男生</label>
      
      <label>
        <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1">
        我是女生</label>
   </td>
  </tr>
  <tr>
    <td><div align="center">教育程度</div></td>
    <td><select name="select" id="select">
      <option value="1" selected>本科</option>
      <option value="2">专科</option>
      <option value="3">高中</option>
      <option value="4">研究生</option>
    </select> </td>
  </tr>
  <tr>
    <td><div align="center">职业</div></td>
    <td><label for="textfield6"></label>
      <input name="textfield6" type="text" id="textfield6" value="请输入你的职业名称"></td>
  </tr>
  <tr>
    <td><div align="center">兴趣爱好</div></td>
    <td>兴趣爱好：
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0" />
          音乐</label>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1" />
          美术</label>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_2" />
          电脑</label>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_3" />
      其他</label></td>
  </tr>
  <tr>
    <td><div align="center">备注说明</div></td>
    <td><textarea name="textarea" readonly id="textarea"></textarea></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="button" id="button" value="提交">
       <input type="reset" name="button2" id="button2" value="重写" disabled></td>
  </tr>
</table>
</form>
<form name="form1" method="post" action="">
  <input type="image" name="imageField" id="imageField" src="网页表单案例 - 练习/images/background.jpg">
</form>
</body>